<template>
		<view class="user-item" @click="itemClick">
			<text class="title">{{title}}</text>
			<text class="desc">{{desc}}</text>
			<u-icon name="arrow-right" color="#A6A6A6" :size="18"></u-icon>
		</view>
</template>

<script>
	export default {
		name:"CellItem",
		props: {
			title: {
				type: String,
				default () {
					return ''
				}
			},
			desc: {
				type: String,
				default () {
					return ''
				}
			},
		},
		data() {
			return {

			};
		},
		methods:{
			itemClick() {
				this.$emit('click');
			}
		}
	}
</script>

<style lang="scss">
	.user-item {
		background: #FFFFFF;
		border-radius: 20rpx;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		padding-left: 35rpx;
		padding-top: 10rpx;
		padding-bottom: 10rpx;
		padding-right: 35rpx;
		margin-top: 30rpx;

		.title {
			font-size: 24rpx;
			font-family: PingFang SC;
			font-weight: 400;
			color: #333333;
			line-height: 65rpx;
			flex-grow: 1;
		}
		
		.desc{
			margin-left: 10rpx;
			margin-right: 10rpx;
			
			font-size: 24rpx;
			font-family: PingFang SC;
			font-weight: 400;
			color: #333333;
		}
	}
</style>
